<script>
    export default {
        data() {
            return {
                rulsInfo: [
                    {
                        id: 0,
                        label: '一、邀请规则',
                        infodes1: '1.您邀请的好友首次关注使用买手鲜团，您将获得20佣金。',
                        infodes2: '2.您邀请10位好友使用买手鲜团，您将获得200佣金。',
                        infodes3: '以此类推，上不封顶。'
                    }, {
                        id: 1,
                        label: '二、邀请规则',
                        infodes1: '1.您邀请的好友使用买手鲜团下单达到200元以上，您将获得由买手鲜团赠送得苹果、梨子等若干水果。买手鲜团包邮到家。',
                        infodes2: '2.您邀请的好友使用买手鲜团充值500元以上，您免费将获得普通会员，所有商品邮费在5元以下免费包邮。',
                    },
                ],
                friendsList: [
                    {
                        nickname: '好友1',
                        phone: '17663708869'
                    }, {
                        nickname: '好友1',
                        phone: '17663708869'
                    }, {
                        nickname: '好友1',
                        phone: '17663708869'
                    }, {
                        nickname: '好友1',
                        phone: '17663708869'
                    }, {
                        nickname: '好友1',
                        phone: '17663708869'
                    }, {
                        nickname: '好友1',
                        phone: '17663708869'
                    }, {
                        nickname: '好友1',
                        phone: '17663708869'
                    }, {
                        nickname: '好友1',
                        phone: '17663708869'
                    }, {
                        nickname: '好友1',
                        phone: '17663708869'
                    }, {
                        nickname: '好友1',
                        phone: '17663708869'
                    }, {
                        nickname: '好友1',
                        phone: '17663708869'
                    }, {
                        nickname: '好友1',
                        phone: '17663708869'
                    }, {
                        nickname: '好友1',
                        phone: '17663708869'
                    }, {
                        nickname: '好友1',
                        phone: '17663708869'
                    },
                ]
            }
        },
        components: {},
        methods: {
            scrolltolower(){},
            scroll(){

            }
        },
        mounted() {
        },
        created() {
        }
    }
</script>
<template>
    <div class="Share">
        <span class="sharelabel">1000万佣金,等待瓜分</span>
        <img class="boximg" src="https://maishouxiantuan.oss-cn-beijing.aliyuncs.com/ui/share/chahua%402x.png" alt="">
        <div class="sharerulesarea">
            <div class="sharerulsInfo" v-for="(v,i) in rulsInfo" :key="i">
                <span class="infolabel">{{v.label}}</span>
                <span class="infodes">{{v.infodes1}}</span>
                <span class="infodes">{{v.infodes2}}</span>
                <span class="infodes">{{v.infodes3}}</span>
            </div>
            <div class="sharerulsInfo">
                <span class="infolabel">三、邀请列表</span>
                <div class="friendsTabel">
                    <div class="tabelLabel">
                        <span>微信昵称</span>
                        <span>手机号</span>
                    </div>

                        <div class="tabelaccount">
                            <scroll-view :style="{'height': '459rpx'}" :scroll-y="true" @scrolltolower="scrolltolower"
                                         @scroll="scroll">
                            <div class="accountlist" v-for="(v,i) in friendsList" :key="i">
                                <span>{{v.nickname}}</span>
                                <span>{{v.phone}}</span>
                            </div>
                            </scroll-view>
                        </div>

                </div>
                <span class="sharetext">邀请奖励无上限</span>
                <div class="sharebtn">立即邀请</div>
            </div>
        </div>
    </div>
</template>
<style lang='scss'>
    @import "Share";
</style>
